<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="org.brickred.socialauth.Profile,java.util.*;"%>
<html>
<head>
<script src="/includes/common/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="/includes/js/send.js" type="text/javascript"></script>
</head>
<body>
	<h2 align="center">Contactos</h2>
	<br />
	<div align="center">
		<a href="index.jsp">Inicio</a>
	</div>
	<br />
	<h3 align="center">Informacion del perfil</h3>
	<table cellspacing="0" cellpadding="10" border="1" align="center">
		<tr>
			<th>Campo</th>
			<th>Valor</th>
		</tr>
		<tr>
			<td>Email:</td>
			<td><c:out value="${profile.email}" /></td>
		</tr>
		<tr>
			<td>Nombre:</td>
			<td><c:out value="${profile.firstName}" /></td>
		</tr>
		<tr>
			<td>Apellido:</td>
			<td><c:out value="${profile.lastName}" /></td>
		</tr>
		<tr>
			<td>Pais:</td>
			<td><c:out value="${profile.country}" /></td>
		</tr>
		<tr>
			<td>Idioma:</td>
			<td><c:out value="${profile.language}" /></td>
		</tr>
		<tr>
			<td>Nombre completo:</td>
			<td><c:out value="${profile.fullName}" /></td>
		</tr>
		<tr>
			<td>Nombre que se muestra:</td>
			<td><c:out value="${profile.displayName}" /></td>
		</tr>
		<tr>
			<td>Genero:</td>
			<td><c:out value="${profile.gender}" /></td>
		</tr>
		<tr>
			<td>Ubicacion:</td>
			<td><c:out value="${profile.location}" /></td>
		</tr>
		<tr>
			<td>Imagen de perfil:</td>
			<td><c:if test="${profile.profileImageURL != null}">
					<img src='<c:out value="${profile.profileImageURL}"/>' />
				</c:if></td>
		</tr>
	</table>
	<h3 align="center">Contactos</h3>
	<br/>
	<div align="center">	<input type="button" value="Enviar" id="buttonEnviar"/> </div>
	<br/>
	<table cellspacing="0" cellpadding="5" border="1" align="center">
		<tr>
			<th>Nombre</th>
			<th>Email</th>
			<th>URL perfil</th>
			<th>Seleccionar <input type="checkbox" id="selectAll" /></th>
		</tr>
		<c:forEach var="contact" items="${contactsList}" varStatus="i">
			<tr>                    
				<td><c:out value="${contact.firstName}" /> <c:out value="${contact.lastName}" /></td> 
				<td><c:out value="${contact.email}" /></td>
				<td><a href='<c:out value="${contact.profileUrl}"/>' target="_blank"> <c:out value="${contact.profileUrl}" /> </a></td>
				<td><input type="checkbox" class="checksel" value="${contact.email}" /> </td>
			</tr>
		</c:forEach>
	</table>
</body>
</html>